<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Space Bowling</title>
		<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
		<link rel="stylesheet" href="css/game.css" />
		<script type="text/javascript" src="js/game2.js" ></script>
	</head>
	<body>
		<div id="game">
			<div id="gameUI">
				<div id="gameIntro">
					<h1>Space bowling</h1>
					<p>This is an awesome game.</p>
					<p><a id="gamePlay" class="button" href="">Play</a></p>
				</div>
				<div id="gameStats">
					<p>Asteroids: <span id="gameRemaining"></span></p>
					<p>Clicks: <span class="gameScore"></span></p>
					<p><a class="gameReset" href="">Reset</a></p>
				</div>
				<div id="gameComplete">
					<h1>You win!</h1>
					<p>Congratulations, you completed the game in <span class="gameScore">clicks.</span></p>
					<p><a class="gameReset button" href="">Play again</a></p>
				</div>
			</div>
			<canvas id="gameCanvas" width="350" height="600">
				
			</canvas>
		</div>
	</body>
</html>
